<template>
  <div>
    <div class="head">
    <router-link to="/index">首页</router-link>
    <router-link to="/type">分类</router-link>
    <router-link to="/order">订单</router-link>
    <router-link to="/my">我的</router-link>
    </div>
    <h2>显示路由切换的页面</h2>
    <div>

    </div>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.head {
  width: 145px;
display: flex;
justify-content: space-between;
}
</style>